<template>
  <div>
    <!-- 
        过滤器的使用 是在插值语法中 在数据后添加一个管道符
        后边书写过滤器，如果过滤器不需要传参 则直接书写过滤器名称
     -->
    <p>商品1的价格是{{ price | priceFormat(2) }}</p>
    <p>商品2的价格是{{ price | priceFormat(2) }}</p>
    <h1>全局过滤器</h1>
    <p>{{ 10000000000000 | formatDate("YYYY年 MM月DD日 HH点mm分ss秒") }}</p>

  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      price: 100,
    };
  },
  filters: {
    /*
     局部注册过滤器 通过filters 配置项 定义
     -过滤器的第一个参数 是过滤的数据
     -过滤器后边的参数是 在调用过滤器时参入的参数
        */
    priceFormat(data,num) {
      return "￥" + data.toFixed(num);
    },
  },
};
</script>

<style>
</style>